<template>
  <div>
    <el-col >
      <p style="font-size: 30px">日常任务</p>
      <el-col class="routine-box">
        <el-card>
          <p>日期: {{ routineData.date }} 星期{{ routineData.week }}</p>
          <p>大战: {{ routineData.war }}</p>
          <p>战场: {{ routineData.battle }}</p>
          <p>周长-五人秘境: {{ f }}</p>
          <p>周长-团队秘境: {{ t }}</p>
          <p>福缘宠物: <span v-for="p in routineData.luck" :key="p">{{p}}&nbsp;</span></p>
        </el-card>

      </el-col>
    </el-col>
  </div>
</template>

<script>
import {j3api} from "@/axios/j3http";

export default {
  name: "RoutinePage",
  data() {
    return {
      routineData: {},
      f: "",
      t: ""
    }
  },
  async mounted() {
    await j3api.getRoutine().then(res => {
      this.routineData = res.data
      console.log(res);
      this.f = this.routineData.team[1]
      this.t = this.routineData.team[2]
    })
  }
}
</script>

<style scoped>

</style>
